//暗夜模式下的element样式
.dark{
  .el-card{
    background-color: rgb(22, 32, 47);
    border:none;
    color: #fff;
    .el-card__header{
      border-bottom: 1px solid rgba(255,255,255,0.5);
    }
  }
  .el-table{
    color: #fff;
    background: none;
    .el-table__header{
      color: #fff;
      th{
        background:  rgb(22, 32, 47);
      }
    }
    th,tr{
      background:  rgb(22, 32, 47);
    }
    td,.is-leaf{
      border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    &::before{
      background: rgba(255,255,255,0.1);
    }
  }
  .el-table__body tr:hover>td {
    background-color: rgba(255,255,255,0.1) !important;
  }
  .el-dialog{
    background-color: rgb(22, 32, 47);
    .el-dialog__title{
      color: #fff;
    }
    .el-dialog__body{
      color: #fff;
    }
  }
  .el-pagination{
    color: #fff;
    opacity: 0.8;
    .el-pagination__jump{
      color: #fff;
    }
    .pagination-btn{
      color: #fff;
    }
  }
  .el-drawer{
    background-color: rgb(22, 32, 47);
    .el-drawer__header{
      color: #fff;
    }
  }
  .el-loading-mask{
    background-color: rgba(22, 32, 47,.9);
  }
  .el-input,.el-select,.el-button,.el-range-editor{
    opacity: 0.9;
  }
}